<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="css/base.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<div class="tbanner">
    <h1>珍医网</h1>

    <div class="tbanpic"><img src="img/ban.jpg" width="722" height="100"/></div>
</div>
<div class="loginmain">
    <span class="t"></span><span class="b"></span>

    <div class="logtit">请您填写正确用户信息登录</div>
    <div class="logl">
        <div class="zclcon">
            <div class="framp">
                <label>&nbsp;&nbsp;</label>
                <input type="checkbox" name="fx1" value="中医" id="fx1_0"/>
                中医
                <input type="checkbox" name="fx1" value="西医" id="fx1_1"/>
                西医
                <input type="checkbox" name="fx1" value="学生" id="fx1_2"/>
                学生
            </div>
            <div class="fratab" id="utab2">
                <a href="javascript:void(0)" class="cur">邮箱注册</a><a href="javascript:void(0)">手机注册</a>
            </div>
            <div class="tabcon">
                <div class="framp">
                    <label>Email：</label>
                    <input name="" type="text" class="txt1"/><span class="tip">错误提示信息</span>
                </div>
                <div class="framp">
                    <label>密码：</label>
                    <input name="" type="text" class="txt1"/><span class="tip">错误提示信息</span>
                </div>
                <div class="framp">
                    <label>确认密码：</label>
                    <input name="" type="text" class="txt1"/><span class="tip">错误提示信息</span>
                </div>
                <div class="framp">
                    <label>昵称：</label>
                    <input name="" type="text" class="txt1"/><span class="tip">错误提示信息</span>
                </div>
                <div class="framp">
                    <label>真实姓名：</label>
                    <input name="" type="text" class="txt1"/><span class="tip">错误提示信息</span>
                </div>
                <div class="framp">
                    <label>所在地：</label>
                    <select name="" class="sel1"></select> <select name="" class="sel1"></select> <select name=""
                                                                                                          class="sel1"></select>
                </div>
                <div class="framp">
                    <label>医院：</label>
                    <input name="" type="text" class="txt1"/>
                </div>
                <div class="framp"><input name="" type="checkbox" value="" class="ml"/> 我已阅读并同意服务协议</div>
                <div class="framp">
                    <input name="" type="button" class="fbtn" value="登录"/>
                </div>
            </div>
            <div class="tabcon" style=" display:none">
                <div class="framp">
                    <label>手机：</label>
                    <input name="" type="text" class="txt2"/><a href="#" class="frabtn2">免费获取短信效验码</a>
                </div>
                <div class="framp">
                    <label>短信效验码：</label>
                    <input name="" type="text" class="txt1"/><span class="tip">错误提示信息</span>
                </div>
                <div class="framp">
                    <label>密码：</label>
                    <input name="" type="text" class="txt1"/><span class="tip">错误提示信息</span>
                </div>
                <div class="framp">
                    <label>确认密码：</label>
                    <input name="" type="text" class="txt1"/><span class="tip">错误提示信息</span>
                </div>
                <div class="framp">
                    <label>昵称：</label>
                    <input name="" type="text" class="txt1"/><span class="tip">错误提示信息</span>
                </div>
                <div class="framp">
                    <label>真实姓名：</label>
                    <input name="" type="text" class="txt1"/><span class="tip">错误提示信息</span>
                </div>
                <div class="framp">
                    <label>所在地：</label>
                    <select name="" class="sel1"></select> <select name="" class="sel1"></select> <select name=""
                                                                                                          class="sel1"></select>
                </div>
                <div class="framp">
                    <label>医院：</label>
                    <input name="" type="text" class="txt1"/>
                </div>
                <div class="framp"><input name="" type="checkbox" value="" class="ml"/> 我已阅读并同意服务协议</div>
                <div class="framp">
                    <input name="" type="button" class="fbtn" value="登录"/>
                </div>
            </div>


        </div>

    </div>
    <div class="logr">
        <div class="loginzh">
            <strong>已有账号?</strong>
            <a href="#" class="fbtn">登录</a>
            <strong>其他账号登录</strong>
            <a href="#" class="logbtnico01">qq账号</a>
            <a href="#" class="logbtnico02">新浪账号</a>
        </div>
        <ul class="loglist">
            <li><a href="#" target="_blank"><img src="img/mpic01x.jpg" width="124" height="110"/></a></li>
            <li><a href="#" target="_blank"><img src="img/mpic02x.jpg" width="124" height="110"/></a></li>
            <li><a href="#" target="_blank"><img src="img/mpic03x.jpg" width="124" height="110"/></a></li>
            <li><a href="#" target="_blank"><img src="img/mpic04x.jpg" width="124" height="110"/></a></li>
        </ul>
    </div>
</div>

<iframe name="fot_frame" src="foot.html" frameborder="no" style=" border:0; height:128px; width:100%;"></iframe>
</body>
</html>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script>
    $(function () {
        $("#utab2>a").click(function () {
            $(this).addClass("cur").siblings(".cur").removeClass("cur");
            var index = $(this).index();
            $("#utab2").siblings(".tabcon").hide().eq(index).show();
        })

    })
</script>
